<!doctype html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<title>电子合同</title>
	<style type="text/css">
		[v-cloak] {
			display: none;
		}

		.agreement {
			position: relative;
		}

		.agreement img {
			display: block;
			width: 100%;
		}

		.elt {
			position: absolute;
			bottom: 0;
			right: 0;
		}

		.m-no-data {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 888;
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #717171;
		}
	</style>
</head>

<body>
	<div id="app" v-cloak>
		<div class="agreement" :style="setStyle" v-if="signPicUrl">
			<img id="signPic" :src="signPicUrl" alt="">
		</div>
		<div class="m-no-data" v-else><span>您当前还没有电子合同！</span></div>

	</div>
	<!-- CDN加载Vue库 -->
	<script src="https://cdn.bootcss.com/vue/2.1.5/vue.min.js" type="text/javascript"></script>
</body>

</html>